iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 12
0
自我挑戰組

前端成長日記系列 第 12

ES6簡介

  • 分享至 

  • xImage
  •  

ES6是JavaScript程式語言的新語法,有如下重點:

  • 字串模板
    過去,字串與變數的串接很麻煩:
let weather = "晴"
let degree = 28
//舊式字串以+號相連
const stat = "今天天氣"+weather+",溫度"+degree+"度C"
//使用字串模板
const statES6 = `今天天氣${weather},溫度${degree}度。`
statES6
"今天天氣晴,溫度28度。"

過去要處理單、雙引號和跳脫字元的問題,現在只要用反引號(`)前後包住,中間所有的內容皆會被解析為字串,遇到變數時用${}包住即可。

  • 參數預設值
function test(a="I", b="you"){
	return `${a} love ${b}.`
}
test()
"I love you."
test(`Mary`, `Johnny`)
"Mary love Johnny."
  • 物件屬性與綁定變數同名,可省略變數
let test = 1
let obj = {
	test: test
}

第一個test是obj這個物件的屬性,第二個test是上一行宣告的變數,當兩個同名時可以縮寫:

let obj = {
    test
}

這時將obj在console列印出來,可以看到已經有test屬性了:

obj
{test: 1}

這是個人比較常在用的,但是最近新專案開始,都在忙切版,比較少敲程式了,好想念啊!

另外還有新增了變數類型(let, const)解構賦值處理非同步的物件(Promise)Module等等,之後有機會再介紹。


上一篇
網頁魔術師: JavaScript
下一篇
專案基礎配置
系列文
前端成長日記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言